#infini__searchbox {
  --infini__searchbox-primary-color: rgb(149, 5, 153);
  --infini__searchbox-text-color: rgb(28, 30, 33);
  --infini__searchbox-spacing: 12px;
  --infini__searchbox-icon-stroke-width: 1.4;
  --infini__searchbox-highlight-color: var(--infini__searchbox-primary-color);
  --infini__searchbox-muted-color: #999999;
  --infini__searchbox-modal-container-background: rgba(51, 51, 51, 0.49);

  --infini__searchbox-modal-width: 560px;
  --infini__searchbox-modal-height: 600px;
  --infini__searchbox-modal-background: rgb(245, 246, 247);
  --infini__searchbox-modal-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.5), 0 3px 8px 0 rgba(85, 90, 100, 1);
  --infini__searchbox-modal-border: 1px solid rgba(228, 229, 240, 1);

  --infini__searchbox-searchbox-height: 56px;
  --infini__searchbox-searchbox-background: #F0F1F4;
  --infini__searchbox-searchbox-border: 1px solid #E3E3E3;
  --infini__searchbox-searchbox-focus-background: #fff;
  --infini__searchbox-searchbox-shadow: inset 0 0 0 1px var(--infini__searchbox-primary-color);

  --infini__searchbox-hit-height: 56px;
  --infini__searchbox-hit-color: rgb(68, 73, 80);
  --infini__searchbox-hit-active-color: #fff;
  --infini__searchbox-hit-background: #fff;
  --infini__searchbox-hit-shadow: 0 1px 3px 0 rgb(212, 217, 225);

  --infini__searchbox-key-gradient: #F0F1F4;
  --infini__searchbox-key-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
  --infini__searchbox-key-border: none;

  --infini__searchbox-footer-height: 44px;
  --infini__searchbox-footer-background: #fff;
  --infini__searchbox-footer-shadow: 0 -1px 0 0 rgb(224, 227, 232), 0 -3px 6px 0 rgba(69, 98, 155, 0.12);
  --infini__searchbox-icon-color: rgb(21, 21, 21);
}

#infini__searchbox[data-theme='dark'] {
  --infini__searchbox-text-color: rgb(245, 246, 247);
  --infini__searchbox-modal-container-background: rgba(9, 10, 17, 0.8);
  --infini__searchbox-modal-background: rgb(21, 23, 42);
  --infini__searchbox-modal-shadow: inset 1px 1px 0 0 rgb(44, 46, 64), 0 3px 8px 0 rgb(0, 3, 9);
  --infini__searchbox-modal-border: 1px solid rgba(255, 255, 255, 1);
  --infini__searchbox-searchbox-background: #202126;
  --infini__searchbox-searchbox-border: 1px solid #3B3B3B;
  --infini__searchbox-searchbox-focus-background: #000;
  --infini__searchbox-hit-color: rgb(190, 195, 201);
  --infini__searchbox-hit-shadow: none;
  --infini__searchbox-hit-background: rgb(9, 10, 17);
  --infini__searchbox-key-gradient: #202126;
  --infini__searchbox-key-shadow: 0px 2px 4px 0px rgba(0,0,0,0.49);
  --infini__searchbox-key-border: 1px solid #626262;
  --infini__searchbox-footer-background: rgb(30, 33, 54);
  --infini__searchbox-footer-shadow: inset 0 1px 0 0 rgba(73, 76, 106, 0.5), 0 -4px 8px 0 rgba(0, 0, 0, 0.2);
  --infini__searchbox-muted-color: #999999;
  --infini__searchbox-icon-color: rgb(255, 255, 255);
}
